<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">Comparison</h1>


        <script>
            Highcharts.setOptions({
                global: {
                    useUTC: false
                }
            });
        </script>

        <h4>Chosen sensors</h4>
        <table class="table table-striped">
            <tbody>
            <tr ng-repeat="key in sensors">
                <td><a href="#/sensors/{{key}}">{{key}}</a>
                </td>
                <td>
                    <button class="btn btn-danger btn-sm" ng-click="remove(key)" disabled>Remove</button>
                </td>
            </tr>
            </tbody>
        </table>

        <div class="form-group"><h4>Filtering</h4>

            <label>Filter in (fields that you want to show) </label>
            <input class="form-control" ng-model="filterTermsIn" ng-change="update()"
                   placeholder="Separate terms with a semicolon">

            <div class="checkbox"><label> <input type="checkbox" ng-model="showFilterOut">Show the filter out
                box</label></div>

            <div ng-show="showFilterOut">
                <label>Filter out (Fields that you don't want to show) </label>
                <input class="form-control" ng-model="filterTermsOut" ng-change="update()"
                       placeholder="Separate terms with a semicolon">
            </div>
        </div>

        <highchart id="chart1" config="chartConfig"></highchart>

        <script>

        </script>

    </div>
</div>